 <link rel="stylesheet" href="demo.css">
 <!-- Tab选项卡1 -->
 <div class="box box1">
    <!-- 标题 -->
    <ul>
        <li class="active">1</li>
        <li>2</li>
        <li>3</li>
    </ul>
    <!-- 内容 -->
    <ol>
        <li class="active">1</li>
        <li>2</li>
        <li>3</li>
    </ol>
</div>
 <div class="box box2">
    <!-- 标题 -->
    <ul>
        <li class="active">1</li>
        <li>2</li>
        <li>3</li>
    </ul>
    <!-- 内容 -->
    <ol>
        <li class="active">1</li>
        <li>2</li>
        <li>3</li>
    </ol>
</div>

<script src="demo.js"></script>
<script>
    const tab1=new Tab('.box1',{})
    const tab2=new Tab('.box2',{})
</script>